#logo-guide {
    width: 100%;
    min-height: 20vh;
    background-color: #000;
}

.g-min-height-40vh {
    min-height: 40vh;
}

.g-line-height-2_5 {
    line-height: 2.5 !important;
}

.g-top-9 {
    top: .64286rem;
}

.g-bg-gray-dark-v222 {
    background-color: #222 !important;
}

.g-color-primary-2 {
    color: #bfa318 !important;
}

.g-brd-primary-2 {
    border-color: #bfa318 !important;
}

.clamp-1 {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.clamp-2 {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.clamp-3 {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (min-width: 768px) {
    #logo-guide {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .g-mb-300--md {
        margin-bottom: 300px !important;
    }

    .g-width-100x--md {
        width: 100% !important;
    }

    .g-min-height-600--md {
        min-height: 600px !important;
    }
}

@media (min-width: 992px) {
    .g-width-80x--lg {
        width: 80% !important;
    }

    .g-width-100--lg {
        width: 100px !important;
    }

    .g-height-500--lg {
        height: 500px;
    }

    .g-min-height-400--lg {
        min-height: 400px;
    }

    .g-py-280--lg {
        padding-top: 20rem !important;
        padding-bottom: 20rem !important;
    }

    .g-top-65--lg {
        top: 4.64286rem;
    }
}

@media (min-width: 1200px) {
    .g-min-height-500--xl {
        min-height: 500px;
    }
}

@media (max-width: 991px) {
    .u-shadow-v21 .js-prev,
    .u-shadow-v21 .js-next {
        display: none !important;
    }
}

.u-btn-inset {
    font-weight: 700;
    font-size: .78571rem;
    text-transform: uppercase;
    background-color: #111;
    padding: 1.57143rem 2.14286rem;
    border: none;
    border-radius: 0;
}

.u-btn-inset::before {
    top: .57143rem;
    bottom: .57143rem;
    left: .57143rem;
    right: .57143rem;
    opacity: 0;
    border-width: 2px;
    border-color: #bfa318;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease-in;
}

.u-btn-inset:hover {
    background-color: #111;
}

.u-btn-inset:hover::before {
    opacity: 1;
}

.hs-has-sub-menu > a::after {
    /* content: none; */
    position: absolute;
    /* top: 10px; */
    /* right: -5px; */
    line-height: 22px;
    color: #888;
}

.hs-sub-menu,
.hs-mega-menu {
    left: -8px;
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
    background-color: #fff;
}

.u-block-hover:hover .g-color-primary--hover,
.g-color-primary--hover:hover {
    color: #bfa318 !important;
}

.navbar-nav {
    color: #555;
}

.navbar-nav .nav-item.active > .nav-link {
    color: #bfa318 !important;
}

.g-bg-black-gradient-opacity-v2,
.g-bg-black-gradient-opacity-v2--after::after {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .3) 100%);
    background-repeat: repeat-x;
}

.g-bg-black-gradient-opacity-v3,
.g-bg-black-gradient-opacity-v3--after::after {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 100%);
    background-repeat: repeat-x;
}

.tooltip .tooltip-inner {
    padding: .5rem;
}

/* article */
.art-content p,
.art-content ul,
.art-content ol {
    margin: 1.25rem 0;
    line-height: 1.7;
    /* text-indent: 2.5rem; */
    font-size: 1.14286rem;
}

.art-content li {
    margin-bottom: .35714rem;
}

.art-content img {
    margin: 1.25rem 0;
    max-width: 100%;
    height: auto;
}

.art-content p + p img {
    /* margin-top: 0; */
    /* margin-left: -2.5rem; */
}

.art-content .h1,
.art-content .h2,
.art-content .h3,
.art-content .h4,
.art-content .h5,
.art-content .h6,
.art-content .h7,
.art-content h1,
.art-content h2,
.art-content h3,
.art-content h4,
.art-content h5,
.art-content h6 {
    line-height: 1.6;
}

@media (min-width: 768px) {
    .img-normal img {
        margin-left: -10%;
        margin-right: -10%;
        max-width: fit-content;
        width: 120%;
    }
}

@media (min-width: 992px) {
    .img-normal img {
        margin-left: -15%;
        margin-right: -15%;
        max-width: fit-content;
        width: 130%;
    }
}

.art-content .u-heading-v2-3--bottom.after-mt-0::after {
    margin-top: 0;
}

.art-content .ref-pro img {
    margin: 0;
}

.art-content .ref-pro article {
    display: inline-block;
}

/* history */
.history-list p {
    margin: 0;
    /* text-indent: 0; */
    font-size: 1.14286rem;
    color: #666;
}

/* list style */
.list-content p {
    margin: 0;
    color: #666;
}

.list-content img {
    margin: 0;
}

.list-content div.accordion-btn {
    cursor: pointer;
}

/* page */
.art-content nav ul.list-inline {
    margin: 0;
    font-size: 1rem;
}

/* story */
.story-abstract {
    background-image: url(../img/maps/map3.png);
    background-size: cover;
    background-position: center;
}

@media (min-width: 992px) {
    .story-abstract {
        display: table;
    }

    .story-abstract-cell {
        display: table-cell;
    }
}

/* download */
.download-table thead th {
    border-top: 2px solid #dee2e6;
}

.download-table tbody {
    border-bottom: 1px solid #dee2e6;
}

.download-table th:last-child,
.download-table td:last-child {
    text-align: center;
}

.download-table .table + .table {
    margin-top: 30px;
}

.download-table + .download-table {
    margin-top: 50px;
}

/* product */
.pd-catalog .card {
    background-color: inherit;
}

.pd-title {
    background-color: #333;
    color: #fff;
}

.pd-title.active {
    background-color: #a78f16 !important;
    color: #fff !important;
}

.pd-catalog .form-check-inline {
    margin: 0 0 5px 0;
}

.btn-submit {
    line-height: 1.4;
    border-color: #333;
}

.slick-track {
    margin-left: 0;
}

.u-carousel-v3 .slick-current {
    opacity: 1 !important;
}

.u-carousel-v3 .slick-center {
    opacity: .5;
}

.table-pro-des thead th,
.table-pro-des tbody td {
    border-top: none;
}

.table-pro-des thead th {
    padding-bottom: 1.42857rem;
    border-bottom-width: 1px;
}

.table-pro-des.tech-info thead th {
    padding-bottom: .71429rem;
    font-size: 1.28571rem;
    font-weight: normal;
}

.table-pro-des tbody {
    display: block;
    padding-top: 1.07142rem;
}

.table-pro-des.tech-info tbody {
    padding-top: .5rem;
}

.table-pro-des tbody td {
    padding-top: .57142rem;
    padding-bottom: .57142rem;
    min-width: 8.57142rem;
}

.table-pro-des.tech-info tbody td {
    padding-top: .35714rem;
    padding-bottom: .35714rem;
    width: 50%;
}

.fancybox-button--thumbs {
    display: none !important;
}

/* default style */
#default-style {
    background-color: #fff;
    color: #333;
}

#default-style .g-bg-def {
    background-color: #fff;
}

#default-style .g-bg-def-opacity-0_7 {
    background-color: rgba(255, 255, 255, .7) !important;
}

#default-style .g-brd-def {
    border-color: #eee !important;
}

#default-style .g-color-def {
    color: #333;
}

#default-style .g-color-sec {
    color: #666;
}

/* pro style */
#pro-style {
    background-color: #333;
    color: #fff;
}

#pro-style .g-bg-def {
    background-color: #333;
}

#pro-style .g-bg-def-opacity-0_7 {
    background-color: rgba(51, 51, 51, .7) !important;
}

#pro-style .g-bg-secondary {
    background-color: #2c2c2c !important;
}

#pro-style .g-brd-def {
    border-color: #555 !important;
}

#pro-style .g-color-def {
    color: #fff;
}

#pro-style .g-color-sec {
    color: #ccc;
}

#pro-style .u-btn-inset {
    background-color: #fff;
}

#pro-style .u-btn-inset:hover {
    background-color: #fff;
}

#pro-style .u-btn-darkgray {
    color: #333;
}

#pro-style .u-btn-rm {
    background-color: #fff;
}

#pro-style .u-btn-rm:hover {
    background-color: #eee;
}

#pro-style .history-list p,
#pro-style .list-content p {
    color: #ccc;
}

#pro-style .u-pagination-v1-4 {
    color: #fff;
}

#pro-style .u-pagination-v1-4:hover,
#pro-style .u-pagination-v1-4:focus {
    color: #a78f16;
}

#pro-style .u-pagination-v1-4--active:hover,
#pro-style .u-pagination-v1-4--active:focus {
    color: #fff;
}

#pro-style .story-abstract {
    background-image: url(../img/maps/map4.png);
}

#pro-style .download-table th,
#pro-style .download-table td,
#pro-style .download-table tbody,
#pro-style .table-pro-des th {
    border-color: #666;
}

#pro-style .table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075);
}

#pro-style .pd-title {
    background-color: #fff;
    color: #333;
}

#pro-style .btn-submit {
    border-color: #fff;
}

.prodcut-tel{ padding-left:60px; margin-bottom:5px; margin-top:20px; line-height:28px; background:url('../img/p_icon.png') no-repeat left center;}
.prodcut-tel span{font-family:arial; font-size:24px; color:#FF0000; display: block;}
.prodcut-tel a{font-family:arial; font-size:24px; color:#737373; display: block;}
.btn a{display: inline-block; width: 160px; height: 40px; line-height: 40px; text-align: center; padding-left:30px; background:#ff0000 url(../img/proshow_icon1.png) no-repeat 8px 8px; color: #fff; transition: all 0.3s;font-size:16px;}
.btn .a02{background:#000000 url(../img/proshow_icon2.png) no-repeat 8px 8px; margin-left:10px; width: 140px;}
.btn a:hover{opacity: 0.8;filter:alpha(opacity=50);transition: all 0.3s;}